/**
 * Created by Administrator on 2016/8/4.
 */
/**
 * Created by Administrator on 2016/8/4.
 */

 $('.right li:nth-child(2) a:first').hover(function(){
 $('.right li:nth-child(2)').addClass('showadd');
 $('.right li:nth-child(2) div:nth-of-type(2)').css('display','block');
 $('.right li:nth-child(2) div:nth-of-type(2) section a').mouseover(function(){
 $(this).css('color',"#f52648");
 }).mouseout(function(){
 $(this).css('color',"#666");
 })
 });
 $('.right li:nth-child(2)').mouseleave(function(){
 $('.right li:nth-child(2) div:nth-of-type(2)').css('display','none');
 $('.right li:nth-child(2)').removeClass('showadd');
 });

 $('.right li:last-child').mouseover(function(){
 $(this).addClass('showadd');
 $('.right li:last-child section').css('display','block');
 });
 $('.right li:last-child').mouseout(function(){
 $(this).removeClass('showadd');
 $('.right li:last-child section').css('display','none');
 });

//获得焦点
$('input[name=petname]').focus(function(){
    $('.celphone').css('display','block');
}).blur(function(){
    $('.celphone').css('display','none');
});
$('input[name=password]').focus(function(){
    $('.mit').css('display','block');
}).blur(function(){
    $('.mit').css('display','none');
});
$('input[name=rpassword]').focus(function(){
    $('.tt').css('display','block');
}).blur(function(){
    $('.tt').css('display','none');
});

$('form').submit(function(e){
    //阻止默认行为，禁止表单自动提交
    e.preventDefault();
    //post提交，将表单的数据传给node后台express接收
    var data = $(this).serialize();
    console.log(data);
    if($('input[name=password]').val() === $('input[name=rpassword]').val()) {
        $.post('/register', data, function (data) {
            //data里面message是一个返回的信息，例如说注册成功啊，注册失败啦
            $('.modal-body').text(data.message);
            //我们使用JS将带有返回信息的模态框打开
            //hidden.bs.modal关闭弹出框的时候，执行一个回调函数
            //当返回的code是success的时候，也就说，用户已经注册成功了，
            //我们就跳转到signin.html页面当中去.
            $('.modal').modal('show').on('hidden.bs.modal', function () {
                if (data.code == 'success') {
                    //当用户注册成功之后，跳转到signin.html页面当中去.
                    location.href = '/login.html';
                }
            })
        })
    }else{
        $('.modal-body').text('密码不一样');
        $('.modal').modal('show');
    }
});
